<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
            上一小节我们简单的讲了些块元素和行内元素，那么这节课我们来深究一下。

            块元素:
                    - 在网页中我们一般通过块元素对于网页进行布局
            行内元素
                    - 主要的作用在于包裹文字
            一般情况下可能会在块元素中放行内元素，但是反之则很少会有
            块元素中基本上什么都能放，但是p元素中不能放任何的块元素

            你肯定看到上面的话去试了下，发现p中写了个块元素，效果没啥问题啊，出来了啊。这里要补充一个知识点，我们的前端代码最后都是浏览器进行解析的，浏览器对于代码进行解析的时候，会自动对于不规范的内容进行修正：
                比如：标签写在了根元素(html)的外部，p元素中嵌套了块元素，根元素(html)中出现了除head和body以外的子元素...
            所以你刚才的做法是错误的，只是浏览器帮你调整了。你打开F12开发者工具就知道了
     -->
</body>
</html>